<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<title>唯星集团</title>
	<meta name="keywords" content="唯星集团">
	<meta name="description" content="唯星集团">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link rel="shortcut icon" href="favicon.ico">
    
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
	<link rel="stylesheet" type="text/css" href="css/photo.css"/>

	<!--[if lt IE 9]>
    <script src="http://apps.bdimg.com/libs/html5shiv/r29/html5.min.js"></script>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
    <style type="text/css">
    	.photo {
    		margin: 20px 0 0 0;
    		width: 98%;
    		padding: 0;
    	}
    	.photo li {
    		margin-bottom: 20px;
    		text-align: center;
    	}
	</style>

</head>
<body>
	<ul id="lightgallery" class="photo list-unstyled">
		<li data-src="images/pic-01.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-01.jpg" width="100%" class="vcenter"></a>
		</li>
		<li data-src="images/pic-02.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-02.jpg" width="100%"></a>
		</li>
		<li data-src="images/pic-03.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-03.jpg"  width="100%"></a>
		</li>
		<li data-src="images/pic-01.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-01.jpg" width="100%" class="vcenter"></a>
		</li>
		<li data-src="images/pic-02.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-02.jpg" width="100%"></a>
		</li>
		<li data-src="images/pic-03.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-03.jpg"  width="100%"></a>
		</li>
		<li data-src="images/pic-01.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-01.jpg" width="100%" class="vcenter"></a>
		</li>
		<li data-src="images/pic-02.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-02.jpg" width="100%"></a>
		</li>
		<li data-src="images/pic-03.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-03.jpg"  width="100%"></a>
		</li>
		<li data-src="images/pic-01.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-01.jpg" width="100%" class="vcenter"></a>
		</li>
		<li data-src="images/pic-02.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-02.jpg" width="100%"></a>
		</li>
		<li data-src="images/pic-03.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-03.jpg"  width="100%"></a>
		</li>
		<li data-src="images/banner3.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/banner3.jpg"  width="100%" class="vcenter"></a>
		</li>
		<li data-src="images/pic-01.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-01.jpg" width="100%" class="vcenter"></a>
		</li>
		<li data-src="images/pic-02.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-02.jpg" width="100%"></a>
		</li>
		<li data-src="images/pic-03.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-03.jpg"  width="100%"></a>
		</li>
		<li data-src="images/pic-01.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-01.jpg" width="100%" class="vcenter"></a>
		</li>
		<li data-src="images/pic-02.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-02.jpg" width="100%"></a>
		</li>
		<li data-src="images/pic-03.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-03.jpg"  width="100%"></a>
		</li>
		<li data-src="images/pic-01.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-01.jpg" width="100%" class="vcenter"></a>
		</li>
		<li data-src="images/pic-02.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-02.jpg" width="100%"></a>
		</li>
		<li data-src="images/pic-03.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-03.jpg"  width="100%"></a>
		</li>
		<li data-src="images/pic-01.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-01.jpg" width="100%" class="vcenter"></a>
		</li>
		<li data-src="images/pic-02.jpg" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
			<a href=""><img src="images/pic-02.jpg" width="100%"></a>
		</li>
	</ul>
	
    <script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    
    <!--瀑布流-->
    <script src="js/masonry.pkgd.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    	$(window).load(function(){
			$('#lightgallery').masonry({
				itemSelector: 'li',
			});
		})
    </script>
       
    <!--相册-->   
    <script src="js/jquery.mousewheel.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/lightgallery-all.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/lg-thumbnail.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/lg-fullscreen.js" type="text/javascript" charset="utf-8"></script>
	
	<script type="text/javascript">
	    $(document).ready(function() {
	        $("#lightgallery").lightGallery(); 
	    });
	</script>


</body>
</html>
